#Javascript 严格模式详解

JavaScript之图片操作6

上一篇写的关于放大镜的,可能在实际开发中用的不是很多,接下来将的图片无缝滚动在实际工作中就是用的比较多的了。如上图,通过定时器控制图片无缝滚动,当鼠标悬浮时停止滚动,鼠标离开,滚动继续。主要原理是通过定位实现图片的移动,然后通过定时器实现滚动的效果,即无缝滚动。首先是基础的结构<!DOCTYPEhtml>&...
代码星球 ·2021-01-26

JavaScript之图片操作5

本次的图片操作是要实现模仿天猫淘宝的放大镜效果,如下图所示:其实现原理其实很简单,主要就是定位的运用,在上面的图中,左边是一个div,它的大小就是左边图片的大小,我们称为左窗口(原图),红色部分我们称为放大镜,右边也是一个div,我们称为右窗口,在右窗口中有一个大图,要实现放大效果,就需要保证原图/放大镜=大图/右窗口...
代码星球 ·2021-01-26

JavaScript之图片操作4

本次要实现的效果是,在一个盒子里面有一张长图,只显示了一部分,为方便用户浏览,当鼠标移入时,图片开始滚动,将盒子分成上下两部分,当鼠标移入上部分时,图片向上滚动,当鼠标移入下部分时,图片向下滚动。为了实现上面的效果,我们需要在html中进行简单的布局:<divid="box"><imgid="pic"...
代码星球 ·2021-01-26

JavaScript之图片操作3

在页面布局中,常常会用到九宫格布局,如下图所示:本次我们就以九宫格为基础进行图片的布局操作,首先我们以上面的图片的为例,假设每个格子的大小都相同,将每一个格子相对其父元素进行定位,这样,我们只需要控制每个格子的left和top属性,就可以控制图片的位置了,例如上面序号为4的格子,其left属性值就是每个格子一倍的宽度值...
代码星球 ·2021-01-26

JavaScript之图片操作2

在前一次,我们实现最简单的图片切换效果,这一次,依旧还是图片切换,具体效果如下:通过点击下面的小图,上面的大图和标题随之切换。因此,我们需要三个容器分别放标题,大图和小图。<!--大图描述--><pid="des">蒲公英</p><!--大图展示--><imgid=...
代码星球 ·2021-01-26

JavaScript之图片操作1

在网页中,经常需要对图片经常各种操作,包括切换,轮播等等,接下来将总结一些常见的图片操作,首先是最简单前后切换。如上面所示,通过点击右边的按钮切换左边的图片,为了实现想要的效果,首先,我们需要在html中创建一个放照片的容器和两个切换的按钮。<imgid="icon"src="img/icon_01.png">"...
代码星球 ·2021-01-26

红黑树原理图示详解(转)

  我们知道ALV树是一种严格按照定义来实现的平衡二叉查找树,所以它查找的效率非常稳定,为O(logn),由于其严格按照左右子树高度差不大于1的规则,插入和删除操作中需要大量且复杂的操作来保持ALV树的平衡(左旋和右旋),因此ALV树适用于大量查询,少量插入和删除的场景中  那么假设现在假设有这样一种场景:大量查询,大...
代码星球 ·2021-01-25

B树与B+详解

  动态查找树主要包括:二叉查找树,平衡二叉树,红黑树,B树,B-树,查找的时间复杂度就为O(log2N),通过对数就可以发现降低树的深度就会提高查找效率。在大数据存储过程,大量的数据会存储到外存磁盘,外存磁盘中读取与写入某数据的时候,首先定位到磁盘中的某一块,这就有个问题:如何才能有效的查找磁盘中的数据呢,这就需要一...
代码星球 ·2021-01-25

处理器拦截器(HandlerInterceptor)详解(转)

SpringWebMVC的处理器拦截器,类似于Servlet开发中的过滤器Filter,用于处理器进行预处理和后处理。  1、日志记录,可以记录请求信息的日志,以便进行信息监控、信息统计、计算PV(PageView)等等。  2、权限检查:如登陆检测,进入处理器检测是否登陆,如果没有直接返回到登陆页面。  3、性能监控...

SpringMvc之参数绑定注解详解

  在SpringMVC中,提交请求的数据是通过方法形参来接收的。从客户端请求的key/value数据,经过参数绑定,将key/value数据绑定到Controller的形参上,然后在Controller就可以直接使用该形参。  1、默认支持类型  SpringMVC有支持的默认参数类型,我们直接在形参上给出这些默认类...

Spring web.xml详解

  web.xml文件是JavaWeb项目中的一个配置文件,主要用于配置欢迎页、Filter、Listener、Servlet等,但并不是必须的,一个JavaWeb项目没有web.xml文件也是照样能跑起来的。  首先来看一下Tomcat官网的Servlet和JSP规范规范与的ApacheTomcat版本之间的对应关系...
代码星球 ·2021-01-25

HashTable和HashMap的区别详解(转)

  HashMap是基于哈希表实现的,每一个元素是一个key-value对,其内部通过单链表解决冲突问题,容量不足(超过了阀值)时,同样会自动增长。    HashMap是非线程安全的,只是用于单线程环境下,多线程环境下可以采用concurrent并发包下的concurrentH...

Kafka学习之配置文件详解

  kafka的配置文件包含server.properties、proceducer.properties、consumer.properties,分别为broker、producer、consumer三个不同的配置。  最为核心的三个配置broker.id、log.dir、zookeeper.connect。Brok...

Lombok插件使用详解及原理

  Lombok是一个插件,其主要用途是提供了简单的注解的形式来帮助我们简化消除一些必须有但显得很臃肿的java代码,提高编码效率,使代码更简洁。  Lombok能以简单的注解形式来简化java代码,提高开发人员的开发效率。例如开发中经常需要写的javabean,都需要花时间去添加相应的getter/setter,也许...

【JDK8特性】Stream接口详解

  Java8新添加了一个特性:流Stream。Stream让开发者能够以一种声明的方式处理数据源(集合、数组等),它专注于对数据源进行各种高效的聚合操作(aggregateoperation)和大批量数据操作(bulkdataoperation)。  StreamAPI将处理的数据源看做一种Stream(流),Str...
首页上一页...5253545556...下一页尾页